<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付方式</title>
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/base.css" rel="stylesheet">
    <link href="css/orderCompletion.css" rel="stylesheet">
    <style>


    </style>
</head>
<body>

<header id="header"></header>
<div id="headerBox"></div>
<section class="ZZHT-container">

    <ul class="buised">
        <li>
            <i class="order-ok"></i>
            <div class="buy-over">

                <p>购买完成</p>
                <p>我们会为你尽快处理</p>
            </div>

        </li>
        <li>
            <div>
                <div class="order-list flex"> <span> 订单编号:</span> <p class="order-list-on flex" ><span v-for=" o in JSON.parse(getUrlParam('orderNo'))"  style="margin-bottom: 10px">{{ o}}</span></p></div>

                <p style="margin-left: 20px"> <span>付款总额:</span>  <span style="margin-left: 10px">{{returnFloat(parseFloat(getUrlParam('money')))}}</span></p>
            </div>
        </li>
        <li><a href="../Usercenter/13.html"> 查看订单详情</a><span class="buy-line"></span> <a href="../view/index.html">继续购物</a></li>
    </ul>
    <!-- 支付方式-->
    <p style="margin: 10px 0"> 你可能还喜欢</p>
    <div class="guess-love" style="margin-bottom: 20px">
        <ul class="clearfix">
            <li v-for=" o in guessArr" @click="goDetail(o.goodsId)" style="cursor: pointer">
                <img :src="orImg(o.goodsImg)" :alt="o.goodsName">
                <p class="guess-love-header" v-cloak>{{o.goodsName}}</p>
               <p class="guess-love-money"><span> ￥</span><span v-cloak>{{o.marketPrice}}</span></p>
            </li>
            <!--<li>-->
                <!--<img src="img/guess1.png" alt="">-->
                <!--<p class="guess-love-header">森马短袖女装2018夏季新款女白色，宽松短款上衣性感镂空T靴</p>-->
               <!--<p class="guess-love-money"><span> ￥</span><span>89.90</span></p>-->
            <!--</li>-->
            <!--<li>-->
                <!--<img src="img/guess1.png" alt="">-->
                <!--<p class="guess-love-header">森马短袖女装2018夏季新款女白色，宽松短款上衣性感镂空T靴</p>-->
               <!--<p class="guess-love-money"><span> ￥</span><span>89.90</span></p>-->
            <!--</li>-->
            <!--<li>-->
                <!--<img src="img/guess1.png" alt="">-->
                <!--<p class="guess-love-header">森马短袖女装2018夏季新款女白色，宽松短款上衣性感镂空T靴</p>-->
               <!--<p class="guess-love-money"><span> ￥</span><span>89.90</span></p>-->
            <!--</li>-->
            <!--<li>-->
                <!--<img src="img/guess1.png" alt="">-->
                <!--<p class="guess-love-header">森马短袖女装2018夏季新款女白色，宽松短款上衣性感镂空T靴</p>-->
               <!--<p class="guess-love-money"><span style="font-size: 12px"> ￥</span><span>89.90</span></p>-->
            <!--</li>-->
        </ul>
    </div>

</section>
<div id="ck1"></div>
<div id="ck3"></div>
<script src="../js/jquery.min.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/qrcode.js"></script>
<script type="text/javascript" src="../plugin/layer/layer.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/common_view.js"></script>
<script type="text/javascript" src="../js/ljf_base.js"></script>

<!--<script src="js/orderCompletion.js"></script>-->
<script>
    new Vue({
        el:".ZZHT-container",
        data:{
            name:'xyy',
            guessArr:[],

            orderIdArr:[],

        },
        mounted:function(){
            this.$nextTick(function () {
                this.guessLove();
                this. getProductOrder()

            })
        },
        methods:{
           guessLove:function () {
           //    console.log(localStorage.shopIdArr[0])
                this.$http.get(SURL+'goods/guessLikeGoods',{params:{shopId:(JSON.parse(localStorage.shopIdArr)[0])}}).then(function (res) {
                    if(res.body.messageCode=='200'){
                        this.guessArr=res.body.entity.slice(0,5)
                    }

                    // console.log(this.guessArr.length)
                })
           },
            goDetail:function (id) {
                location.href="../view/detail.html?goodsId="+id
            },
            getProductOrder:function () {
                var _this=this;
                //console.log(toPayOrderId)
                JSON.parse(_this.getUrlParam('order')).forEach(function (v,i) {
                    _this.orderIdArr.push(v.sktOrdersId);
                });

            },
            //获取地址蓝sktOrdersId
            getUrlParam: function(name, str) {
                var url;
                if (str) {
                    url = str.split("?")[1];
                } else {
                    url = window.location.search.replace("?", "");
                }
                url = url.split("&");
                var ret = {};
                url.forEach(function (o,i) {
                    var d = o.split("=");
                    ret[d[0]] = decodeURI(d[1]);
                });
                if (name)
                    return ret[name];
                else
                    return ret;
            },
        }

    })

</script>
</body>
</html>